<template>
	<div class="grand-child">
		<h3>孙组件</h3>
		<h4>{{ a }}</h4>
		<!-- <h4>{{ $attrs }}</h4> -->
		<button @click="updateA(1)">click to add a</button>
	</div>
</template>

<script setup lang="ts" name="GrandChild">
	defineProps(['a', 'b', 'c', 'd', 'x', 'y', 'updateA'])
</script>

<style scoped>
	.grand-child{
		margin-top: 20px;
		background-color: orange;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 10px black;
	}
</style>